Skip to main content

Page Designer Lab

Objective

Create a Page/Report to show Groups.

Show the Organizational Zone tree and filter Group based on the selected location.

Credentials

  • User ID: Test
  • Password: P$%%drf

Steps

  1. Start the 20331B-NYC-DC-05 virtual machine. Wait for the virtual machine to display the Desktop.

  2. On your Desktop, Right-click Workflow Studio (WFS), and then click Run as administrator. Workflow Page

  3. Wait for WFS to start and enter your credentials.

Workflow Page
Workflow Page
  1. In Solution Explorer, right-click on the Developer Packages folder, create a new folder called DemoLabs, and click the Ok button. Workflow Page

  2. Add New Folder dialog box will appear; select the following options:

    • User Interface > Lookup Control
    • User Interface > Forms
    • User Interface > UI Pages
    • Workflows > Applications

    Then click the Ok button. Workflow Page

  3. Expand the Developer Packages folder, find the DemoLabs folder, expand it. Under the DemoLabs folder, expand the User Interface folder, right-click on the UI Pages folder, hover over the New User Interface option, and click UI Page. Workflow Page

  4. Wait for the Page Designer to be loaded.

  5. Click on the Save button to save your Page and give it the name Page_ShowGroups. Workflow Page

  6. To start creating the page, first, click on the Add Tab button. Workflow Page

  7. Right-click on the No Tree tab, click on Edit Name, type Group, and click the OK button. Workflow Page

  8. Click on the No Tree dropdown and select the All Locations option. Workflow Page

  9. Click on the Edit Method button. Workflow Page

  10. The Choose View Method dialog box will appear. In the RBAC Object dropdown, select GroupView. Now in the search box below, type getbyorgzoneid and select the GetByOrgZoneID method with four parameters. Workflow Page

  11. Click on the Edit Parameters button. The Parameters dialog box will appear. In the orgZoneID parameter name, checkmark the Is Tree Bound checkbox and click the OK button. Workflow Page

  12. Click on the Set To GridType button, select the Group option from the dropdown, and click OK. Workflow Page

  13. Click on the Publish button to publish your Page. The publishing dialog box will appear, click on the Next button twice to publish the Page. Workflow Page

  14. Once published successfully, click on the OK button. Workflow Page

  15. Open Internet Explorer, Edge, or any installed browser and go to this URL: EmpowerID Login.

  16. Enter your credentials provided by your lab instructor. Workflow Page

  17. Once logged in, go to the EmpowerID dashboard. On the left-hand side, click on Low Code/No Code Workflows, and underneath it, click on Low Code Workflows. Workflow Page

  18. This will take you to the RequestWorkflow page. On the right-hand side of your page, in the Actions Pane, click on Publish Workflow Studio Item. Workflow Page

  19. On the PublishWorkflowStudioItem page, click on Choose File, select the .pub file for Page_ShowGroups, and then click Open. Once the file is selected, click Submit. Workflow Page

  20. You will receive a message indicating that deployment was successful. Workflow Page

  21. To run your page, use the following URL:

    https://%YOURSERVERNAME%/ui/#Common/pages/view/[PageID]

    https://self.empoweriam.com/ui/#Common/pages/view/2043

  22. To find the page ID, query the EmpowerID database using:

    SELECT * FROM RBACView

Workflow Page

This will return a list of pages. Locate the page you created, copy the ID, and insert it into the URL.

  1. Open the URL in a browser. From the Side Tree Panel, select Atlanta, and it should display the related Groups. Workflow Page

  2. End.